<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <!-- audio都是替换元素 都会被替换  -->
    <!-- <audio src="./source/2.MP3" controls autoplay loop></audio> -->
    <!-- contrs 允许用户控制 不是通过值 而是通过有没有来控制-->
   <!-- controls autoplay 音频文件自动播放 不是很好使-->
   <!-- 但是目前大部分浏览器不会自动播放  体验不会很好 -->
   <!-- 通过有没有设置是否自动播放 -->
    <!-- 音视频默认用户自己无法操作  -->
    <!-- loop循环播放  价格loop即可 -->
    <!-- <audio controls>
        对不起，你的浏览器不支持播放。请升级浏览器
        <source src="">"
    </audio> -->
    <!-- 更好 -->
    <!-- 可以同时指定多个文件 -->
    <!-- 意义不太大 -->
    <!-- 有序的解决兼容问题  -->
    <!-- type  文件的大类型 后面跟的是文件的具体类型 -->
    <!-- video标签 引入视频 -->
    <video src="./source/3.mp4" controls autoplay></video>
    <!-- 也可以引入网络路径 -->
    <!-- 和audio基本一样  -->
    <iframe frameborder="0" src="https://v.qq.com/txp/iframe/player.html?vid=s0043cwsgj0" allowFullScreen="true"></iframe>" frameborder="0"></iframe>
</body>
</html>